<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <title>MindTogether思聚-官网</title>

    <link href="../static/css/styles.css" rel="stylesheet"/>
</head>
<body>
<!-- Navigation-->

<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
    <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top">MindTogether思聚</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
                data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
                aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto my-2 my-lg-0">
                <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">关于</a></li>
                <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#product">服务</a></li>
                <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#contact">联系</a></li>
                <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#contact">注册/登录</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- Masthead-->
<header class="masthead">
    <div class="container h-100">
        <div class="row h-100 align-items-center justify-content-center text-center">
            <div class="col-lg-10 align-self-end">
                <h1 class="text-uppercase text-white font-weight-bold">MindTogether思聚</h1>
                <h2 class="text-uppercase text-white font-weight-bold">新概念线上协作交流平台</h2>
                <hr class="divider my-4"/>
            </div>
            <div class="col-lg-8 align-self-baseline">
                <p class="text-white-75 font-weight-light mb-5">支持手写，图片，矢量图形的多维交互。为疫情时期的线上交流协作提供便利。</p>
                <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">更多信息</a>
            </div>
        </div>
    </div>
</header>
<!-- About-->
<section class="page-section bg-primary" id="about">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h2 class="text-white mt-0"><img src="../static/image/LOGO.png" width="400" height="100" style="margin-top: -18px;">
                </h2>
                <hr class="divider light my-4"/>
                <h2 class="text-white mt-0">MindTogether思聚是个啥玩意？</h2>
                <p class="text-white-75 font-weight-light mb-5 font-weight-bold">
                    是由四川大学吴玉章学院冯久、姚子睿、孟晓源、周山丰、江良位五位同学提出想法并开发的大创项目</p>
                <a class="btn btn-light btn-xl js-scroll-trigger" href="#services">项目特征</a>
            </div>
        </div>
    </div>
</section>
<!-- Services-->
<section class="page-section" id="services">
    <div class="container">
        <h2 class="text-center mt-0">功能特点</h2>
        <hr class="divider my-4"/>
        <div class="row">
            <div class="col-lg-3 col-md-6 text-center">
                <div class="mt-5">
                    <i class="icon-feature-pen"></i>
                    <h3 class="h4 mb-2">支持手写</h3>
                    <p class="text-muted mb-0">您可以使用绘笔工具画图勾勒</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="mt-5">
                    <i class="icon-feature-text"></i>
                    <h3 class="h4 mb-2">支持文字</h3>
                    <p class="text-muted mb-0">您可以在想要的地方贴上文字</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="mt-5">
                    <i class="icon-feature-cooperation"></i>
                    <h3 class="h4 mb-2">线上协同</h3>
                    <p class="text-muted mb-0">您的想法和绘制过程</p>
                    <p class="text-muted mb-0"> 可以被你的同伴看到</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="mt-5">
                    <i class="icon-feature-microphone"></i>
                    <h3 class="h4 mb-2">更多功能</h3>
                    <p class="text-muted mb-0">后续还会开发其他多媒体功能，如语音、图片等</p>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- Portfolio-->
<!-- <div id="portfolio">
    <div class="container-fluid p-0">
        <div class="row no-gutters">
            <div class="col-lg-4 col-sm-6">
                <a class="portfolio-box" href="assets/img/portfolio/fullsize/1.jpg"
                    ><img class="img-fluid" src="assets/img/portfolio/thumbnails/1.jpg" alt="" />
                    <div class="portfolio-box-caption">
                        <div class="project-category text-white-50">Category</div>
                        <div class="project-name">Project Name</div>
                    </div></a
                >
            </div>
            <div class="col-lg-4 col-sm-6">
                <a class="portfolio-box" href="assets/img/portfolio/fullsize/2.jpg"
                    ><img class="img-fluid" src="assets/img/portfolio/thumbnails/2.jpg" alt="" />
                    <div class="portfolio-box-caption">
                        <div class="project-category text-white-50">Category</div>
                        <div class="project-name">Project Name</div>
                    </div></a
                >
            </div>
            <div class="col-lg-4 col-sm-6">
                <a class="portfolio-box" href="assets/img/portfolio/fullsize/3.jpg"
                    ><img class="img-fluid" src="assets/img/portfolio/thumbnails/3.jpg" alt="" />
                    <div class="portfolio-box-caption">
                        <div class="project-category text-white-50">Category</div>
                        <div class="project-name">Project Name</div>
                    </div></a
                >
            </div>
            <div class="col-lg-4 col-sm-6">
                <a class="portfolio-box" href="assets/img/portfolio/fullsize/4.jpg"
                    ><img class="img-fluid" src="assets/img/portfolio/thumbnails/4.jpg" alt="" />
                    <div class="portfolio-box-caption">
                        <div class="project-category text-white-50">Category</div>
                        <div class="project-name">Project Name</div>
                    </div></a
                >
            </div>
            <div class="col-lg-4 col-sm-6">
                <a class="portfolio-box" href="assets/img/portfolio/fullsize/5.jpg"
                    ><img class="img-fluid" src="assets/img/portfolio/thumbnails/5.jpg" alt="" />
                    <div class="portfolio-box-caption">
                        <div class="project-category text-white-50">Category</div>
                        <div class="project-name">Project Name</div>
                    </div></a
                >
            </div>
            <div class="col-lg-4 col-sm-6">
                <a class="portfolio-box" href="assets/img/portfolio/fullsize/6.jpg"
                    ><img class="img-fluid" src="assets/img/portfolio/thumbnails/6.jpg" alt="" />
                    <div class="portfolio-box-caption p-3">
                        <div class="project-category text-white-50">Category</div>
                        <div class="project-name">Project Name</div>
                    </div></a
                >
            </div>
        </div>
    </div>
</div> -->

<!-- Call to action-->
<section class="page-section bg-dark text-white" id="product">
    <div class="container text-center">
        <h2 class="mb-4">说了怎么多，你想试一试吗？</h2>
        <a class="btn btn-light btn-xl" href="homepage.html">在线试用</a>
    </div>
</section>
<!-- Contact-->
<section class="page-section" id="contact">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h2 class="mt-0">联系创作团队</h2>
                <hr class="divider my-4"/>
                <p class="text-muted mb-5">如果你对我们的项目有兴趣，欢迎联系我们，创作团队时刻准备着接受您的意见。负责人联系方式如下</p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
                <i class="fas fa-phone fa-3x mb-3 text-muted"></i>
                <div>电话:187****6070</div>
                <div>QQ:786736240</div>
            </div>
            <div class="col-lg-4 mr-auto text-center">
                <i class="icon-student""></i>
                <div style="margin-top:10px ;">吴玉章学院-软件工程</div>
                <div>冯久、姚子睿、孟晓源、周山丰、江良伟</div>
            </div>
            <div class="col-lg-4 mr-auto text-center">
                <i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
                <a class="d-block" href="786736240@qq.com">786736240@qq.com</a>
                <a class="d-block" href="fengjiu@stu.scu.edu.com">fengjiu@stu.scu.edu.com</a>
            </div>
        </div>
    </div>
</section>
<!-- Footer-->
<footer class="bg-light py-5">
    <div class="container">
        <div class="small text-center text-muted">Copyright Â© 2020 - MindTogether思聚</div>
    </div>
</footer>
<!-- Bootstrap core JS-->

</body>
</html>